/*
 * 1 获取元素对象
 * 2 循环操作标签元素，添加鼠标移入
 * 3 鼠标移入事件：
 *        循环判断是否当前对象，隐藏、显示
 */
//获取html元素，最上方标签，下面对应得内容
var tabs=document.getElementsByClassName("tab-head-div");
var divs=document.getElementsByClassName('tab-body-div');
for(var i=0;i<tabs.length;i++){
	tabs[i].onmouseleave=function(){
		//循环判断哪个tab是当前移入对象
		for(var j=0;j<divs.length;j++){
			if(this==tabs[j]){
				//下面这句给添加加了class名：current
				//等同于css里设置的3条语句
				tabs[j].classList.add('current');
				tabs[j].classList.add('current');
				
			}else{
				//去除元素的class名
				tabs[j].classList.remove('current');
				tabs[j].classList.remove('current');
			}
		}
	};
}
